<template>
  <div>
    <el-row :gutter="10" class="mb-10">
      <el-col :span="16" :xs="24" :sm="12" :md="12" >
        <el-col :span="24">
          <el-card> <china-map style="height: 600px"></china-map> </el-card
        ></el-col>
        <el-col :span="24">
          <el-card> <pie-charts style="height: 500px"></pie-charts> </el-card
        ></el-col>
      </el-col>
      <el-col :span="8" :xs="24" :sm="12" :md="12">
        <el-card>
          <!-- <div class="div" style="height: 600px">新闻</div> -->
          <!-- 时间线 -->
          <el-scrollbar height="1140px" >
            <news-time-line style="margin-right:20px"></news-time-line>
          </el-scrollbar>
        </el-card>
      </el-col>
    </el-row>
    <!-- <el-row :gutter="10" class="mb-10">
      <el-col :span="16"> </el-col>
      <el-col :span="8">
        <el-card>
          <div class="div" style="height: 500px">注意事项</div>
        </el-card>
      </el-col>
    </el-row> -->
    <el-row :gutter="10">
      <el-col :span="12" :xs="24" >
        <el-card>
          <bar-charts style="height: 500px"></bar-charts>
        </el-card>
      </el-col>
      <el-col :span="12" :xs="24" >
        <el-card>
          <line-charts style="height: 500px"></line-charts>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import ChinaMap from '@/components/Map/ChinaMap.vue'
import PieCharts from '@/components/Chart/PieCharts.vue'
import BarCharts from '@/components/Chart/BarCharts.vue'
import LineCharts from '@/components/Chart/LineCharts.vue'
import NewsTimeLine from '@/components/TimeLine/NewsTimeLine.vue'
export default {
  name: 'MyHomes',
  components: {
    ChinaMap,
    PieCharts,
    BarCharts,
    LineCharts,
    NewsTimeLine
  }
}
</script>

<style lang="less" scoped>
</style>